vlwkaos' digital garden

Create React App 프로젝트에 Emotion 오류날 때

If you are using a zero-config tool with automatic detection of which runtime (classic vs. automatic) should be used and you are already using a React version that has the new JSX runtimes (hence runtime: 'automatic' being configured automatically for you) such as Create React App 4 then /** @jsx jsx */ pragma might not work and you should use /** @jsxImportSource @emotion/react */ instead.

Emotion의 css 를 사용하는 경우 파일 최상단에 다음을 추가한다.

/** @jsxImportSource @emotion/react */

Referred in

Create React App 프로젝트에 Emotion 오류날 때